<div id="approval-list">
	<header>
		<a href="javascript:;" @click="listGo('pending')">
			<div class="imgBox">
				<img src="/approve/app/images/01.png" alt="" />
			</div>
			<p>待我的审批的</p>
			<span class="num_icon" v-if="todo_num>0">{{ todo_num }}</span>
		</a>
		<a href="javascript:;" @click="listGo('started')">
			<div class="imgBox">
				<img src="/approve/app/images/01.png" alt="" />
			</div>
			<p>我发起的</p>
		</a>
		<a href="javascript:;" @click="listGo('CC')">
			<div class="imgBox">
				<img src="/approve/app/images/01.png" alt="" />
			</div>
			<p>抄送我的</p>
			<span class="num_icon" v-if="cc_num>0">{{ cc_num }}</span>
		</a>
	</header>
	<section class="list-wrap">
		<div v-for="(o,index) in listData" class="list-box">
			<p class="group_title">
				{{ o.name }}({{ o.child.length }}) 
				<button class="upDown" @touchstart="o.open=!o.open">{{ o.open?"收起":'更多'}}</button>
			</p>
			<div class="group_item"  >
				<a href="javascript:;" v-touch:tap="go.bind(this,p)"  v-if="index2<=2" v-for="(p,index2) in o.child"><!----> 
					<div class="imgBox">
						<img :src="p.icon" alt="" />
					</div>
					<p>{{ p.name }}</p>
				</a>
				<a href="javascript:;" v-touch:tap="go.bind(this,p)" v-if="o.open && index2>2" v-for="(p,index2) in o.child">
					<div class="imgBox">
						
						<img :src="p.icon" alt="" />
					</div>
					<p>{{ p.name }}</p>
				</a>
			</div>
		</div>
	</section>
</div>
